// '特权一、内容特权。员用户可免费在沃音乐i ]户上播放、下载百万 首高清热歌、MV。'
// '特权二、流量特权。会员用户在访问、使用沃音乐WAPi ]户和手机客户端时所有流量费全免。'
// '特权三、炫铃特权。会员用户可免费使用炫铃功能，订购炫铃单曲免费，还可获得一个免费的会员铃音盒。'
// '特权四、明星特权。会员用户优先获得明星演唱会、歌友会和见面会等特权，与明星偶像面对面接触。还可参与会员专属活动,获得海量奖品回馈。'

import { Modal, Button } from 'antd';
import React, { Component } from 'react'
import './index.scss'

class AboutPri extends React.Component {
    state = { visible: false };

    showModal = () => {
        this.setState({
            visible: true,
        });
    };

    handleOk = e => {
        console.log(e);
        this.setState({
            visible: false,
        });
    };

    handleCancel = e => {
        console.log(e);
        this.setState({
            visible: false,
        });
    };

    render() {
        return (
            <div>
                <div className="playText" onClick={this.showModal} style={{ cursor:"pointer"}}>
                    了解等级特权>>
                </div>
                <Modal
                    title="特权解释"
                    visible={this.state.visible}
                    onOk={this.handleOk}
                    onCancel={this.handleCancel}
                    footer={null}
                >
                    <p>特权一、内容特权。会员用户可免费播放、下载百万 首高清热歌、MV。</p>
                    <p>特权二、流量特权。会员用户在访问、使用手机客户端时所有流量费全免。</p>
                    <p>特权三、炫铃特权。会员用户可免费使用炫铃功能，订购炫铃单曲免费，还可获得一个免费的会员铃音盒。</p>
                    <p>特权四、明星特权。会员用户优先获得明星演唱会、歌友会和见面会等特权，与明星偶像面对面接触。还可参与会员专属活动,获得海量奖品回馈。</p>
                </Modal>
            </div>
        );
    }
}

export default AboutPri
